<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div class="sao">扫一扫</div>

    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>
        $(function(){
            $('.sao').click(function(){
                var appIdstr = "{$wx['appId']}";
                var timestampstr = "{$wx['timestamp']}";
                var nonceStrstr = "{$wx['nonceStr']}";
                var signaturestr = "{$wx['signature']}";
                wx.config({
                    debug: false,
                    appId: appIdstr,
                    timestamp: timestampstr,
                    nonceStr: nonceStrstr,
                    signature: signaturestr,
                    jsApiList : ['checkJsApi', 'scanQRCode']
                });
                wx.ready(function() {
                    wx.scanQRCode({   
                        needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
                        scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
                        success: function (res) {

                        }
                    });
                });
                wx.error(function(res){
                    alert(res);
                    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
                });
            });
        })
    </script>
</body>
</html>
